<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>存在和值属性选择器</title>
		<style type="text/css">
			/*
			 [attr|=val] : 选择attr属性的值以val（包括val）或val-开头的元素
			 [attr^=val] : 选择attr属性的值以val开头（包括val）的元素。
			 [attr$=val] : 选择attr属性的值以val结尾（包括val）的元素。
			 [attr*=val] : 选择attr属性的值中包含字符串val的元素。
			*/
			[name*="atguigu"]{
				background: pink;
			}
		</style>
	</head>
	<body>
		<div name="atguigu-llc atguigu">李立超</div>
		<div name="atguigu-xfz">晓飞张</div>
		<div name="atguigu-bhj atguigu">白浩杰</div>
		<div name="atguigu_sym">腿长1米8</div>
		<div>佟刚</div>
		<div>陈雷</div>
		<div>李贺飞</div>
	</body>
</html>
